import React, { Component } from "react";
import "./index.scss";
import { Button, Tooltip } from 'antd';
import { SearchOutlined } from '@ant-design/icons';

class test extends Component {
  componentDidMount() {}
  shouldComponentUpdate(pevData, nextData) {}
  componentWillUnmount() {}
  render() {
    return (
      <div>
        <div>
          <Button type="primary">Primary Button</Button>
          <Button>Default Button</Button>
          <Button type="dashed">Dashed Button</Button>
          <br />
          <Button type="text">Text Button</Button>
          <Button target="_blank" href="https://www.baidu.com/" type="link">
            Link Button
          </Button>
        </div>
        <br />
        <div>
          <Tooltip title="search">
            <Button type="primary" shape="circle" icon={<SearchOutlined />} />
          </Tooltip>
          <Button type="primary" shape="circle">
            A
          </Button>
          <Button type="primary" icon={<SearchOutlined />}>
            Search
          </Button>
          <Tooltip title="search">
            <Button shape="circle" icon={<SearchOutlined />} />
          </Tooltip>
          <Button icon={<SearchOutlined />}>Search</Button>
          <br />
          <Tooltip title="search">
            <Button shape="circle" icon={<SearchOutlined />} />
          </Tooltip>
          <Button icon={<SearchOutlined />}>Search</Button>
          <Tooltip title="search">
            <Button type="dashed" shape="circle" icon={<SearchOutlined />} />
          </Tooltip>
          <Button type="dashed" icon={<SearchOutlined />}>
            Search
          </Button>
        </div>
      </div>
    );
  }
}

export default test;
